body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f6f7fb;color:#111}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#111;color:#fff}
.brand{font-weight:700}
.container{max-width:1100px;margin:0 auto;padding:16px}
.card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:16px}
.row{display:flex;gap:12px;flex-wrap:wrap}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.field label{font-size:12px;color:#444}
.field input,.field select{padding:10px;border:1px solid #d9dbe7;border-radius:8px;min-width:220px}
.btn{display:inline-block;padding:10px 14px;border-radius:8px;border:0;background:#111;color:#fff;text-decoration:none;cursor:pointer}
.btn.secondary{background:#444}
.btn.danger{background:#a00000}
.link{color:#fff;margin-left:10px;text-decoration:none;font-size:14px}
.user{opacity:.85;margin-right:6px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid #eee;font-size:14px;text-align:left}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px}
.badge.ok{background:#e8f7ee;color:#0a6b2f}
.badge.warn{background:#fff6db;color:#7a5400}
.badge.bad{background:#ffe3e3;color:#7a0000}
.small{font-size:12px;color:#666}
.error{background:#ffe3e3;color:#7a0000;padding:10px;border-radius:8px;margin-bottom:10px}
.success{background:#e8f7ee;color:#0a6b2f;padding:10px;border-radius:8px;margin-bottom:10px}
input[type=number]{max-width:240px}